<template>
	<view>
		
		<view class="u-padding-20">
			<view class="u-padding-20 u-text-center u-border-bottom u-font-weight">
				立即开台
			</view>
			<view style="margin: 50rpx auto ;text-align: center;">
				<view class="u-font-34 u-font-weight">{{info.storeName}}</view>
				<view class="u-margin-top-20 u-font-24">开台押金</view>
				<view class="u-margin-top-20  u-type-warning    u-font-weight" style="font-size: 70rpx;">
					￥{{Number(items.balance)>=Number(items.basePrice)?'0.00':items.yajin}}
				</view>
			</view>
		</view>
		
		<view class="" style="margin: 0  50rpx 50rpx  50rpx ;color: #888888;"> 
			1.默认会员开台</br>
			2.非会员需支付押金开台，结账后退回
		</view>
		
		<view class="u-flex u-padding-20" style="">
			<view style="padding-left: 40rpx; border-radius: 40rpx  0 0 40rpx;background: #000000;color: #fff;width: 70%;line-height:80rpx;">
				合计：￥{{Number(items.balance)>=Number(items.basePrice)?'0.00':items.yajin}}
			</view>
			
			<view @click="ok" style="text-align: center; border-radius: 0rpx  40rpx 40rpx 0rpx;background: #5A53CE;color: #fff;width: 30%;line-height:80rpx;">
				立即支付
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:"immediatelyDesk",
		props:{
			info:{
				type:Object,
				default:()=>{}
			},
			items:{
				type:Object,
				default:()=>{}
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			ok(){
				this.$emit("ImPay")
			}
		}
	}
</script>

<style>
</style>